<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="x-ua-compatible" content="ie=7"/>
<title>簇鸟 注册完善信息</title>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript" src="../../dwr/engine.js"></script>
<script type="text/javascript" src="../../lovejes/lovejes.js"></script>
<script type="text/javascript" src="../../lovejes/jcrop/js/jes.jcrop.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="../js/sys_util.js"></script>
<script type="text/javascript" src="../js/front/index.js"></script>
<script type="text/javascript" src="../js/acl/user.js"></script>
<link rel="shortcut icon" href="http://www.cuniao.com/dpupload/logo.ico"/>
<link href="../themes/default/css/css.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="../../lovejes/jcrop/css/jes.Jcrop.css" type="text/css"/>
</head>
<body leftmargin="0" topmargin="0" onload="Cn_Reg.moreInit();">
<div class="maintomg">
	<div class="reg_header">
		<div class="logo">
		</div>
	</div>
	<!-- 欢迎词 -->
	<div class="welcome" id="welcome">
		<h1>欢迎您加入簇鸟网，开始享受聚会的乐趣吧，去认识更多有趣的朋友吧！</h1>
		<div class="step" id="step">
			<span>完善信息—></span>上传头像—>加好友
		</div>
	</div>
	<!-- 个人账户 -->
	<form id="form1" name="form1" method="post" action="">
		<div id="reg_fst" class="reg_fst">
			<input type="hidden" id="id" name="id"/>
			<input type="hidden" id="jobid"/>
			<input type="hidden" id="tagid"/>
			<table>
			<tr>
				<td class="m" valign="top" align="right">
					<font color="red">*</font>昵 称:
				</td>
				<td>
					<input id="loginid" name="loginid" title="昵称" type="text" size="15" maxlength="10" onblur="Cn_ModifyUser.checkLoginid(this)" class="textinput" required/>
					<span class="bz">->赶紧抢个昵称吧</span>
				</td>
			</tr>
			<tr>
				<td class="m" valign="top" align="right">
					<font color="red">*</font>真实姓名:
				</td>
				<td>
					<input id="username" name="username" title="真实姓名" type="text" size="15" maxlength="5" class="textinput" required/>
					<span class="bz">->便于好友找到你</span>
				</td>
			</tr>
			<tr>
				<td class="m" valign="top" align="right">
					<font color="red">*</font>性别:
				</td>
				<td>
					<input type="radio" title="性别" rule="group" id="sex" name="sex" checked="true" value="1"> 男 <input type="radio" title="性别" rule="group" id="sex" name="sex" value="2"> 女
				</td>
			</tr>
			<tr>
				<td class="m" valign="top" align="right">
					<font color="red">*</font>是否单身:
				</td>
				<td>
					<input type="radio" title="是否单身" rule="group" id="single" name="single" checked="true" value="1"> 单身 <input type="radio" title="是否单身" rule="group" id="single" name="single" value="2"> 有伴
				</td>
			</tr>
			<tr>
				<td class="m" valign="top" align="right">
					<font color="red">*</font>所在地:
				</td>
				<!-- 系统要能判断用户IP所在地 -->
				<td>
					<select title="省份" required id="area" name="area" onchange="Jes.Select.city();">
						<option value="">----------------------</option>
					</select>
					<select title="城市" required id="city" name="city">
						<option value="">----------------------</option>
					</select>
				</td>
			</tr>
			<tr>
				<td class="m" valign="top" align="right">
					 手机号码:
				</td>
				<td>
					<input id="phone" name="phone" title="手机号码" type="text" size="15" maxlength="11" class="textinput"/>
					<span class="bz">->只用来接受活动密码,绝不透露隐私</span>
				</td>
			</tr>
			<tr>
				<td class="m" valign="top" align="right">
					 您的职业:
				</td>
				<td>
					<span ><a id="jobname" href="javascript:Cn_Reg.showJob();" style="color:red;font-size:14px">->>选择您的职业</a></span>
				</td>
			</tr>
			<tr>
				<td class="m" valign="top" align="right">
					 介绍自己:
				</td>
				<td>
					<textarea id="sign" name="sign" type="text" size="150" maxlength="100"></textarea>
				</td>
			</tr>
		<!-- 个人标签 -->
		<tr>
			<table id="no_3_detail" class="table_tag">
			<input type="hidden" id="tagid"/>
			<tr>
				<td width="10%">
					 我的标签
				</td>
				<td width="10%">
					 他们的标签
				</td>
			</tr>
			<tr>
				<td class="choice" id="mytag">
				</td>
				<td class="choice" id="tag">
				</td>
			</tr>
			<tr>
				<td>
				</td>
				<td>
					<span>没有适合你的？那就新增个吧</span>
				</td>
			</tr>
			<tr>
				<td>
				</td>
				<td>
					<input type="text" style="border:1px solid #ccc;" id="newtag" size="20" maxlength="20"/>
					<input type="button" value="确定" onclick="Comm.addTag(Jes('newtag').value);Comm.getTag('mytag','tag');"/>
				</td>
			</tr>
			</table>
		</tr>
	
			
<!--个人标签-->
<div class="hidden4" id="showDiv4">
	<div class="hidd_01">
		<div class="hidd_title" style="color:red">
			 选择职业岗位<span onclick="$('#showDiv4').hide()">x</span>
		</div>
		<div class="hidd_con_4">
			<div class="group">
				<ul id="option_groups">
				</ul>
                <a href="javascript:void(0);" onclick="$('#box').show()">以上没有你的职业？新添加个吧</a>
				<div id="box" style="display:none">
					<input type="text" id="newJobName" name="newJobName" class="organize"></input>
					<input type="button" onclick="Cn_Reg.addNewJob();" value="添加" class="new"/>
					<span onclick="$('#box').hide()" style="cursor:pointer;">取消</span>
				</div>
			</div>
		</div>
	</div>
</div>			

			<!--
			<tr>
				<td colspan="2">
	<div id="no_3_detail"  class="table_tag">
    <div class="tagleft">
    	<dl class="choice" id="mytag">
        <dt>我的标签</dt>
        <dd><span onclick=""><a href="#">美食<span class="ico_delete">X</span></a>&nbsp; &nbsp;</span></dd>
         <dd><span onclick=""><a href="#">周末聚餐<span class="ico_delete">X</span></a>&nbsp; &nbsp;</span></dd>
        </dl>
    </div>
    <div class="tagright">
    	<table border="0" cellpadding="0" cellspacing="0" class="tagtab01" width="100%">
        <tr>
        	<td>
        	<dl class="choice" id="tag">
        <dt>他们的标签</dt>
        <dd><span onclick=""><a href="#">美食<span class="ico_add">+</span></a>&nbsp; &nbsp;</span></dd>
         <dd><span onclick=""><a href="#">周末聚餐<span class="ico_add">+</span></a>&nbsp; &nbsp;</span></dd>  
        </dl>
        	</td>
        </tr>
         <tr><td>
         <span class="tit01">没有适合你的？那就新增个吧</span>
         <div class="textsubmit">
         <input type="text" id="newtag" class="text" size="20" maxlength="20"/>
			<input type="button" value="确定" onclick="Comm.addTag(Jes('newtag').value);Comm.getTag('mytag','tag');" class="submit"/>
		</div>
         </td></tr>
        </table>
    </div>
    </div>
				</td>
			</tr>	

    -->
    
			
	<!--	<tr>
				<td class="m" valign="top" align="right">
					 选择你的标签:
				</td>
				<td >
					<span id="tag" ></span>
				</td>
			</tr>
			-->
			</table>
			<input type="button" id="save" name="save" onclick="Cn_ModifyUser.save();" value="下一步" class="save">
		</div>
	</form>
	<!--第二步-->
	<div id="reg_sed" class="reg_sed" style="display:none">
		<form id="form2" name="form2" method="post" action="../../upload.shtml?type=buss" enctype="multipart/form-data" onsubmit="" target="response_iframe">
			<div class="localphoto">
				<p class="sm01">
					 请选择头像
				</p>
				<div class="photofile">
					<input type="file" size="30" id="avatar_pic" name="avatar_pic" class="photo">
				</div>
				<p class="sm">
					 提示：<br/> 1.&ensp;仅支持JPG,JPEG,GIF,PNG格式图片；<br/> 2.&ensp;图片大小不超过1MB；<br/> 3.&ensp;上传色情反动照片将导致你的账户被删除。
				</p>
				<input type="button" id="upload" name="upload" value="上传" class="btnup" onclick="Jes.Upload.upload();"> &nbsp;&nbsp; 
				<input type="button" id="save" name="save" onclick="Cn_ModifyUser.modifyUserPic();" value="保存浏览" class="btnsave">
				<input type="button" id="save" name="save" onclick="Cn_Reg.regNext(3);" value="下一步" class="btnsave">
			</div>
			<div class="localpiccon">
				<div id="upImg" class="upimg">
				</div>
				<div align="left" id="procBar" class="probar">
					<div class="bigger">
						<span id="preview_box" class="biggerpic"></span><span class="cc">大头像</span>
					</div>
					<div class="small">
						<span id="preview_box2" class="smallpic"></span><span class="cc">小头像</span>
					</div>
				</div>
			</div>
			<input type="hidden" id="txsrc" name="txsrc"/>
			<input type="hidden" id="x" name="x"/>
			<input type="hidden" id="y" name="y"/>
			<input type="hidden" id="x2" name="x2"/>
			<input type="hidden" id="y2" name="y2"/>
			<input type="hidden" title="头像" id="w" name="w" required/>
			<input type="hidden" id="h" name="h"/>
			<div id="procBar" align="left" style="width:400px; height:180px; border:0px; background-image:url(images/bg.gif);display:none;position:absolute; top:10px;left:100px;">
				<div id="theMeter">
					<div id="procBarTxt" align="center" style="width:220px; height:30px; margin-left:157px; margin-top:70px; font-size:12px;">
					</div>
					<div id="procBarBox" style="width:216px; margin-left:160px; margin-top:10px; background-image: url(images/white.gif);height: 12px; background-repeat:no-repeat;">
						<div id="procBarBoxCont" style="background-image:url(images/blue1.gif); width:0px; height:12px; background-repeat:repeat-x;">
						</div>
					</div>
				</div>
			</div>
			</center>
		</form>
		<iframe id="response_iframe" name="response_iframe" style="display:none">
		</iframe>
	</div>
	<!-- 第三步 -->
	<div id="reg_trd" class="reg_trd" style="display:none">
		<h3 class="title"><span>推荐您关注：</span>
		<div class="titler rt">
			<input type="hidden" id="alluserids">
			<input type="hidden" id="userids">
			<input name="" type="checkbox" class="checkbox1" cid="2B" inputtype="checkall" onclick="Cn_Reg.allSeleted(this)" value="" id="ftc_B"/>
			<label for="ftc_B">全选</label>
			<a href="#" class="add" onclick="Cn_Reg.doGuanzhu()">+ 关注</a><a href="#" class="change" style="display:none">换一批</a>
		</div>
		</h3>
		<div class="hd_ycj ">
			<ul class="fdpiclist" id="fdpiclist">
				<!-- -->
			</ul>
		</div>
	</div>
	<div id="botframe">
		<div class="footer">
			<div class="botlink">
				<span class="about"><a href="#">关于簇鸟</a> ·<a href="#">在簇鸟工作</a> ·<a href="#">关于我们</a> ·<a href="#">免责申明</a> ·<a href="#">帮助中心</a></span><span class="copyright">© 2011－2021 CUNIAO.COM, all rights reserved</span>
			</div>
		</div>
	</div>
</div>
<!--从事行业-->
<div class="hidden4" id="showDiv4">
	<div class="hidd_01">
		<div class="hidd_title" style="color:red">
			 选择职业岗位<span onclick="$('#showDiv4').hide()">x</span>
		</div>
		<div class="hidd_con_4">
			<div class="group">
				<ul id="option_groups">
				</ul>
                <a href="javascript:void(0);" onclick="$('#box').show()">以上没有你的职业？新添加个吧</a>
				<div id="box" style="display:none">
					<input type="text" id="newJobName" name="newJobName" class="organize"></input>
					<input type="button" onclick="Cn_Reg.addNewJob();" value="添加" class="new"/>
					<span onclick="$('#box').hide()" style="cursor:pointer;">取消</span>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>